Wilson@思源

目 录

用 Savor Callout 插件实现康奈尔笔记和九宫格笔记模板

实现原理,就是通过思源的超级块实现。

实现效果

康奈尔笔记
733 x 4851806 x 1196
九宫格
733 x 4891680 x 1120

模板代码

康奈尔笔记
markdown
{{{row {{{col > 线索灵感 > {: id="20240731033625-k9eo0rn" updated="20240731034038"} > > {: updated="20240731033637" id="20240731033637-r9op5c5"} > {: custom-b="light" id="20240731033625-lf1b0ax" style="width: 25%;height:500px;overflow:auto; flex: 0 0 auto;margin-right:0;" updated="20240731034038"} > 笔记内容 > {: id="20240731033753-2g1fj8e" updated="20240731034042"} > > {: id="20240731033758-ckdly1h" updated="20240731033758"} > {: custom-b="info" id="20240731033753-qntq5bb" style="width: calc(75% - 2px);height:500px;overflow:auto; flex: 0 0 auto;" updated="20240731033758"} }}} {: id="20240731033918-qy0ls6w" updated="20240731033758"} > 总结心得 > {: id="20240731033940-ezy03n5" updated="20240731034049"} > > {: id="20240731033945-blaz0wv" updated="20240731033945"} > {: custom-b="check" id="20240731033940-952v0j8" style="margin-top:0;" updated="20240731034049"} }}}
九宫格笔记
markdown
{{{row {{{col > 每好心情 > {: id="20240805180312-5qbzxon" updated="20240805212801"} > > {: id="20240805180440-4c22mni" updated="20240805212829"} > {: custom-b="info" id="20240805180312-p5pai75" style="margin-right:10px" updated="20240805212829"} > 开心的事 > {: updated="20240805212818" id="20240805180325-kvde2lk"} > > 写点什么呢 > {: id="20240805211851-p86hcz4" updated="20240805212846"} > > 实在不知道 > {: id="20240805212847-rkfok9a" updated="20240805212850"} > > 就这样吧 > {: id="20240805212850-pfkldij" updated="20240805213246"} > {: updated="20240805213246" custom-b="info" id="20240805180325-btngyqs" style="margin-right:10px;"} > 开心的话 > {: id="20240805180401-x5x7gr7" updated="20240805212824"} > {: updated="20240805212824" custom-b="info" id="20240805180401-akujv8h"} {: updated="20240805180438" id="20240805180403-6jltd0j"} }}} {: id="20240805180437-s36dp4p" updated="20240805213246"} {{{col > 美好感受 > {: id="20240805180523-ys7geis" updated="20240805212916"} > > {: id="20240805180523-3royqzn" updated="20240805213048"} > {: custom-b="info" id="20240805180523-j4ljf8p" style="margin-right:10px" updated="20240805213048"} > 今天日期 > {: id="20240805180523-l7qhfwa" updated="20240805212935"} > > 二零二四 > {: id="20240805180802-s18qdv7" updated="20240805213009"} > > 八月五号 > {: id="20240805213013-wa8i06p" updated="20240805213025"} > > 星期一 > {: id="20240805213026-9zkgqgh" updated="20240805213032"} > > {: id="20240805211842-v0c2hr0" updated="20240805211842"} > {: custom-b="info" id="20240805180523-1qyxla1" style="margin-right:10px;" updated="20240805213032"} > 遇到的人 > {: id="20240805180523-7zs4ia1" updated="20240805213044"} > {: custom-b="info" id="20240805180523-osvtl76" updated="20240805213044"} {: id="20240805180523-tsmej85" updated="20240805180438"} }}} {: id="20240805180523-l635ez3" updated="20240805213048"} {{{col > 美好回忆 > {: id="20240805180538-7obs7u7" updated="20240805213111"} > > {: id="20240805180538-r4c6b83" updated="20240805180538"} > {: custom-b="info" id="20240805180538-sb2tebh" style="margin-right:10px" updated="20240805213111"} > 美妙想法 > {: updated="20240805213123" id="20240805180538-lbni2c5"} > > 我祝愿思源 > 越来越强大 > {: id="20240805180745-j1ivo8e" updated="20240805213218"} > > 做全球最牛的笔记 > {: updated="20240805213229" id="20240805213219-gfpq1ip"} > > 我想着不远了 > {: id="20240805213230-7a8mod7" updated="20240805213236"} > {: custom-b="info" id="20240805180538-l8smwmt" style="margin-right:10px;" updated="20240805213236"} > 美景美食 > {: id="20240805180538-otsj5q5" updated="20240805213140"} > {: id="20240805180538-xfmpzcz" updated="20240805213140" custom-b="info"} {: id="20240805180538-f3trnpa" updated="20240805180438"} }}} {: id="20240805180538-8o8mfxj" updated="20240805213236"} {: id="20240805180455-jiq24a4" updated="20240805180650"} }}}

样式调整

由于每个人使用的主题和样式不同,在不同的主题下可能会有出入,请自行打开模板进行调整,调整里面的 style 属性部分即可。
说明:由于康奈尔笔记,在 Asri 主题下,高度不会随着同列的块而自适应高度,我加了 height:500px;overflow:auto;​ 这段代码,如果你的主题下没问题,去掉即可。
无论康奈尔笔记还是九宫格,如果在你的主题下出现宽高问题,直接根据需要设置成固定宽高即可,可参考康奈尔模板中的设置。
总之,如果你主题下有样式问题请根据需要自行调整,这个只是参考示例,很难兼容不同的主题和需求。
另外,我不擅长设计,九宫格如果设计的美观,涉及的样式修改太多,实在不知道怎样设计的好看,所以这里就统一用信息块来实现了,请根据自己需要调整,就像上面说的,这个不是最终产品,只是示例参考。
如果你想添加更多的块样式,可以到 Savor Callout 插件插件设置里新增和调整样式,如图
733 x 4241554 x 898
另外提醒下,如果安装了 Emoji 插件,图标会更漂亮哦
632 x 210

注意事项

空行(就是这一行没任何字符)不能敲回车,会变形,这可能是思源超级块的原因吧。
建议,直接使用 shift+回车​ 操作,就能避免这个问题。
再次提醒:无论是九宫格还是康奈尔笔记,如果宽高在你的主题下出现问题,直接根据自己的需要添加上固定的宽高即可,可参考康奈尔模板中的设置。当然如果你有更好的实现方式,欢迎补充改进!